<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>男装</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/man.css">
    <link rel="stylesheet" href="../libs/swiper-bundle.min.css">
    <script src="../libs/iconfont.js"></script>
</head>

<body>
    <div class="header box-center">
        <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-jiajujiafang"></use>
        </svg>
        <div class="back"><a href="../index.html">回到首页</a></div>
        <div class="user"></div>
    </div>

    <!-- 搜索 -->
    <div class="w clearfix">
        <div id="logo-2014">
            <a href="//www.jd.com/" class="logo">京东</a>
            <div class="extra">
                <div id="channel">京东时尚</div>
                <div id="categorys-mini">
                    <div class="cw-icon">
                        <h2>
                            <a href="//www.jd.com/allSort.aspx">
                                全部分类
                                <i class="ci-right">
                                    <s>◇</s>
                                </i>
                            </a>
                        </h2>
                    </div>
                    <div id="categorys-mini-main" class="hover">
                        <div class="dd-inner">
                            <div class="item fore1" data-index="1" clstag="h|keycount|2015|0501a">
                                <h3><a href="//jiadian.jd.com" target="_blank">家用电器</a></h3>
                            </div>
                            <div class="item fore2" data-index="2" clstag="h|keycount|2015|0502a">
                                <h3><a href="//search.jd.com/Search?keyword=%E6%89%8B%E6%9C%BA&amp;enc=utf-8&amp;wq=%E6%89%8B%E6%9C%BA&amp;pvid=8858151673f941e9b1a4d2c7214b2b52"
                                        target="_blank">手机</a>、<a href="//wt.jd.com" target="_blank">运营商</a>、<a
                                        href="//shuma.jd.com/" target="_blank">数码</a></h3>
                            </div>
                            <div class="item fore3" data-index="3" clstag="h|keycount|2015|0503a">
                                <h3><a href="//diannao.jd.com/" target="_blank">电脑</a>、<a href="//bg.jd.com"
                                        target="_blank">办公</a></h3>
                            </div>
                            <div class="item fore4" data-index="4" clstag="h|keycount|2015|0504a">
                                <h3><a href="//channel.jd.com/home.html" target="_blank">家居</a>、<a
                                        href="//channel.jd.com/furniture.html" target="_blank">家具</a>、<a
                                        href="//jzjc.jd.com/" target="_blank">家装</a>、<a
                                        href="//channel.jd.com/kitchenware.html" target="_blank">厨具</a></h3>
                            </div>
                            <div class="item fore5" data-index="5" clstag="h|keycount|2015|0505a">
                                <h3><a href="//phat.jd.com/10-603.html" target="_blank">男装</a>、<a
                                        href="//phat.jd.com/10-507.html" target="_blank">女装</a>、<a
                                        href="//phat.jd.com/10-156.html" target="_blank">童装</a>、<a
                                        href="//channel.jd.com/1315-1345.html" target="_blank">内衣</a></h3>
                            </div>
                            <div class="item fore6" data-index="6" clstag="h|keycount|2015|0506a">
                                <h3><a href="//beauty.jd.com/" target="_blank">美妆</a>、<a
                                        href="//phat.jd.com/10-816.html" target="_blank">个护清洁</a>、<a
                                        href="//channel.jd.com/pet.html" target="_blank">宠物</a></h3>
                            </div>
                            <div class="item fore7" data-index="7" clstag="h|keycount|2015|0507a">
                                <h3><a href="//phat.jd.com/10-184.html" target="_blank">女鞋</a>、<a
                                        href="//phat.jd.com/10-183.html" target="_blank">箱包</a>、<a
                                        href="//pro.jd.com/mall/active/2BcJPCVVzMEtMUynXkPscCSsx68W/index.html"
                                        target="_blank">钟表</a>、<a href="//channel.jd.com/jewellery.html"
                                        target="_blank">珠宝</a></h3>
                            </div>
                            <div class="item fore8" data-index="8" clstag="h|keycount|2015|0508a">
                                <h3><a href="//phat.jd.com/10-185.html" target="_blank">男鞋</a>、<a
                                        href="//phat.jd.com/10-109.html" target="_blank">运动</a>、<a
                                        href="//phat.jd.com/10-272.html" target="_blank">户外</a></h3>
                            </div>
                            <div class="item fore9" data-index="9" clstag="h|keycount|2015|0509a">
                                <h3><a href="//xinfang.jd.com/" target="_blank">房产</a>、<a href="http://car.jd.com/"
                                        target="_blank">汽车</a>、<a href="//che.jd.com/" target="_blank">汽车用品</a></h3>
                            </div>
                            <div class="item fore10" data-index="10" clstag="h|keycount|2015|0510a">
                                <h3><a href="//search.jd.com/Search?keyword=%E6%AF%8D%E5%A9%B4&amp;enc=utf-8&amp;wq=%E6%AF%8D%E5%A9%B4&amp;pvid=3e86f063795740d594b1bb1187e02063"
                                        target="_blank">母婴</a>、<a href="//toy.jd.com/" target="_blank">玩具乐器</a></h3>
                            </div>
                            <div class="item fore11" data-index="11" clstag="h|keycount|2015|0511a">
                                <h3><a href="//food.jd.com/" target="_blank">食品</a>、<a href="//jiu.jd.com"
                                        target="_blank">酒类</a>、<a href="//fresh.jd.com" target="_blank">生鲜</a>、<a
                                        href="//prodev.jd.com/mall/active/41YdRWconKueXwVVnLLM6YY4x4wU/index.html"
                                        target="_blank">特产</a></h3>
                            </div>
                            <div class="item fore12" data-index="12" clstag="h|keycount|2015|0512a">
                                <h3><a href="//art.jd.com" target="_blank">艺术</a>、<a
                                        href="//channel.jd.com/1672-2599.html" target="_blank">礼品鲜花</a>、<a
                                        href="//nong.jd.com" target="_blank">农资绿植</a></h3>
                            </div>
                            <div class="item fore13" data-index="13" clstag="h|keycount|2015|0513a">
                                <h3><a href="//phat.jd.com/10-925.html" target="_blank">医药保健</a>、<a
                                        href="//channel.jd.com/9192-9196.html" target="_blank">计生情趣</a></h3>
                            </div>
                            <div class="item fore14" data-index="14" clstag="h|keycount|2015|0514a">
                                <h3><a href="//pro.jd.com/mall/active/3sAaxodHF7kfo3s95cjxo2UZUxu2/index.html"
                                        target="_blank">图书</a>、<a
                                        href="//pro.jd.com/mall/active/2TxxbZnqAm7M8tkDpTN3VJNtoSKo/index.html"
                                        target="_blank">文娱</a>、<a href="//education.jd.com" target="_blank">教育</a>、<a
                                        href="//e.jd.com/ebook.html" target="_blank">电子书</a></h3>
                            </div>
                            <div class="item fore15" data-index="15" clstag="h|keycount|2015|0515a">
                                <h3><a href="//jipiao.jd.com/" target="_blank">机票</a>、<a href="//hotel.jd.com/"
                                        target="_blank">酒店</a>、<a href="//trip.jd.com/" target="_blank">旅游</a>、<a
                                        href="//ish.jd.com/" target="_blank">生活</a></h3>
                            </div>
                            <div class="item fore16" data-index="16" clstag="h|keycount|2015|0516a">
                                <h3><a href="//licai.jd.com/" target="_blank">理财</a>、<a
                                        href="//pro.jd.com/mall/active/4EYjXQ6xjnM9TgeSjuMRE8ACEk6q/index.html"
                                        target="_blank">众筹</a>、<a href="//baitiao.jd.com" target="_blank">白条</a>、<a
                                        href="//pro.jd.com/mall/active/4NuyHPocGdSDUzmSVosXjVwvEGdG/index.html"
                                        target="_blank">保险</a></h3>
                            </div>
                            <div class="item fore17" data-index="17" clstag="h|keycount|2015|0517a">
                                <h3><a href="//anzhuang.jd.com" target="_blank">安装</a>、<a
                                        href="//search.jd.com/Search?keyword=维修&amp;enc=utf-8&amp;wq=维修&amp;pvid=eba9b7454da0494c960f074db37be847"
                                        target="_blank">维修</a>、<a href="//cleanclean.jd.com" target="_blank">清洗</a>、<a
                                        href="//2.jd.com/" target="_blank">二手</a></h3>
                            </div>
                            <div class="item fore18" data-index="18" clstag="h|keycount|2015|0518a">
                                <h3><a href="//mro.jd.com/" target="_blank">工业品</a></h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="search-2014">
            <div class="form">
                <input class="text" type="text" name="" id="" placeholder="衬衫">
                <button class="button"><i></i>搜索</button>
            </div>
        </div>
    </div>
    <!-- nav -->
    <div id="nav">
        <div class="w clearfix">
            <div id="categorys">
                <div class="dt">
                    <i></i>
                    京东时尚分类
                </div>
            </div>
            <div id="navitem">
                <ul id="navitems-group">
                    <li class="fore1"><a href="">原创设计</a></li>
                    <li class="fore12"><a href="">企业购</a></li>
                </ul>
            </div>
        </div>
        <div class="ui">
            <div class="sub-main">
                <ul class="w sub-nav">
                    <li class="sn-item"><a href="">风格尚选</a></li>
                    <li class="sn-item"><a href="">男装</a></li>
                    <li class="sn-item"><a href="">女装</a></li>
                    <li class="sn-item"><a href="">内衣</a></li>
                    <li class="sn-item"><a href="">男鞋</a></li>
                    <li class="sn-item"><a href="">运动</a></li>
                    <li class="sn-item"><a href="">户外</a></li>
                    <li class="sn-item"><a href="">珠宝</a></li>
                    <li class="sn-item"><a href="">箱包</a></li>
                    <li class="sn-item"><a href="">腕表</a></li>
                    <li class="sn-item"><a href="">配饰</a></li>
                    <li class="sn-item"><a href="">童装</a></li>
                    <li class="sn-item"><a href="">奢品</a></li>
                    <li class="sn-item"><a href="">原创</a></li>
                    <li class="sn-item"><a href="">女鞋</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class=".w">
        <div class="swiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="../img/nanBanner.png" alt=""></div>
            </div>
            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
        </div>
    </div>
    <div class="clj">
        <h3 id="nanfu">男装</h3>
        <div class="w nanFu">
            <img src="../img/nanfu.png" alt="">
        </div>
        <h3 id="nvfu">女装</h3>
        <div class="w nanFu">
            <img src="../img/nvfu.png" alt="">
        </div>
        <h3 id="xie">精品鞋靴</h3>
        <div class="w nanFu">
            <img src="../img/xie.png" alt="">
        </div>
        <h3 id="sport">运动精品</h3>
        <div class="w nanFu">
            <img src="../img/sport.png" alt="">
        </div>
        <h3 id="kid">童装童鞋</h3>
        <div class="w nanFu">
            <img src="../img/kid.png" alt="">
        </div>
    </div>

    <div id="service">
        <div class="wy">
            <ol class="slogen">
                <li class="item fore1"><i>多</i>品类齐全，轻松购物</li>
                <li class="item fore2"><i>快</i>多仓直发，极速配送</li>
                <li class="item fore3"><i>好</i>正品行货，精致服务</li>
                <li class="item fore4"><i>省</i>天天低价，畅选无忧</li>
            </ol>
        </div>
        <div class="jd-help">
            <div class="wy">
                <div class="wrap">
                    <dl class="fore1">
                        <dt>购物指南</dt>
                        <dd><a href="">购物流程</a></dd>
                        <dd><a href="">会员介绍</a></dd>
                        <dd><a href="">生活旅行/团购</a></dd>
                        <dd><a href="">常见问题</a></dd>
                        <dd><a href="">大家电</a></dd>
                        <dd><a href="">联系客服</a></dd>
                    </dl>
                    <dl class="fore2">
                        <dt>配送方式</dt>
                        <dd><a href="">上门自提</a></dd>
                        <dd><a href="">211限时达</a></dd>
                        <dd><a href="">配送服务查询</a></dd>
                        <dd><a href="">配送费收取标准</a></dd>
                        <dd><a href="">海外配送</a></dd>
                    </dl>
                    <dl class="fore3">
                        <dt>支付方式</dt>
                        <dd><a href="">货到付款</a></dd>
                        <dd><a href="">在线支付</a></dd>
                        <dd><a href="">分期付款</a></dd>
                        <dd><a href="">公司转账</a></dd>
                    </dl>
                    <dl class="fore4">
                        <dt>售后服务</dt>
                        <dd><a href="">售后政策</a></dd>
                        <dd><a href="">价格保护</a></dd>
                        <dd><a href="">退款说明</a></dd>
                        <dd><a href="">返修/退换货</a></dd>
                        <dd><a href="">取消订单</a></dd>
                    </dl>
                    <dl class="fore5">
                        <dt>特色服务</dt>
                        <dd><a href="">夺宝岛</a></dd>
                        <dd><a href="">DIY装机</a></dd>
                        <dd><a href="">延保服务</a></dd>
                        <dd><a href="">京东E卡</a></dd>
                        <dd><a href="">京东通信</a></dd>
                        <dd><a href="">京鱼座智能</a></dd>
                    </dl>
                    <span class="clr"></span>
                </div>
            </div>
        </div>
    </div>
    <div id="wy">
        <div class="item"><a href="#nanfu">男装内衣</a></div>
        <div class="item"><a href="#nvfu">女装内衣</a></div>
        <div class="item"><a href="#xie">精品鞋靴</a></div>
        <div class="item"><a href="#sport">运动精品</a></div>
        <div class="item"><a href="#kid">童装童鞋</a></div>
        <div class="item" id="backTop"><a>▲ TOP</a></div>
    </div>
    <script src="../libs/swiper-bundle.min.js"></script>
    <script src="../libs/require.js" data-main="../js/man"></script>
</body>

</html>